<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="author" content="hjb2722404"/>
    <link rel="stylesheet" href="../public/css/bootstrap.min.css"/>

    <link rel="stylesheet" href="../public/css/responsive-nav.css"/>
    <link rel="stylesheet" href="../public/css/myResponNav.css"/>
    <link rel="stylesheet" href="../public/css/mxzs.css"/>
    <title>明星装饰</title>
</head>
<body>
    <header>
        <div class="container-fluid">
            <div class="row">
                <div class="col-md-8 col-md-offset-2" >
                    <div class="row">
                        <div class="logo col-md-3 col-sm-3 "><img src="../public/img/logo.png" alt=""/></div>
                        <div class="search col-md-6 col-sm-6">
                                <form action="">
                                    <div class="input-group">
                                        <input type="text" class="form-control" placeholder="Search for...">
                                <span class="input-group-btn">
                                    <button class="btn btn-success" type="button">搜索</button>
                                </span>
                                    </div>
                                </form>
                        </div>
                        <div class="servicePhone col-md-3 col-sm-3">
                            <div class="phoneIcon">
                                <span class="glyphicon glyphicon-earphone" aria-hidden="true"></span>
                            </div>
                            <div class="phoneNumber">
                                <number>0931-1234567</number><br />
                                <number>1399999999</number>
                            </div>

                        </div>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="navbox">
                    <div class="col-md-8 col-md-offset-2">
                        <div class="nav">
                            <nav class="nav-collapse">
                                <ul>
                                    <li>
                                        <a href="#" class="cur">首页</a>
                                    </li>
                                    <li>
                                        <a href="#">效果图</a>
                                    </li>
                                    <li>
                                        <a href="#">装修攻略</a>
                                    </li>
                                    <li>
                                        <a href="#">设计与报价</a>
                                    </li>
                                    <li>
                                        <a href="#">联系我们</a>
                                    </li>
                                </ul>
                            </nav>
                        </div>
                    </div>

                </div>
            </div>
        </div>
    </header>
   <section id="pictures">
       <div class="container-fluid">
           <div class="row">
               <div class="col-md-8 col-md-offset-2">
                   <div class="pictureNav">
                        <div class="location"><h6><a href="">装修效果图</a>》<a href="">家居美图</a>》共197312张图片 <span>公装效果图</span></h6></div>
                        <ul>
                            <li>空间</li>
                            <li><a href="">客厅</a></li>
                            <li><a href="">卧室</a></li>
                            <li><a href="">餐厅</a></li>
                            <li><a href="">厨房</a></li>
                            <li><a href="">卫生间</a></li>
                            <li><a href="">阳台</a></li>
                            <li><a href="">书房</a></li>
                            <li><a href="">玄关</a></li>
                            <li><a href="">儿童房</a></li>
                            <li><a href="">衣帽间</a></li>
                            <li><a href="">花园</a></li>
                        </ul>
                       <ul>
                           <li>局部</li>
                           <li><a href="">背景墙</a></li>
                           <li><a href="">吊顶</a></li>
                           <li><a href="">隔断</a></li>
                           <li><a href="">窗帘</a></li>
                           <li><a href="">飘窗</a></li>
                           <li><a href="">榻榻米</a></li>
                           <li><a href="">橱柜</a></li>
                           <li><a href="">博古架</a></li>
                           <li><a href="">阁楼</a></li>
                           <li><a href="">隐形门</a></li>
                           <li><a href="">吧台</a></li>
                           <li><a href="">酒柜</a></li>
                           <li><a href="">鞋柜</a></li>
                           <li><a href="">衣柜</a></li>
                       </ul>
                       <ul>
                           <li>风格</li>
                           <li><a href="">简约</a></li>
                           <li><a href="">现代</a></li>
                           <li><a href="">中式</a></li>
                           <li><a href="">欧式</a></li>
                           <li><a href="">美式</a></li>
                           <li><a href="">田园</a></li>
                           <li><a href="">新古典</a></li>
                           <li><a href="">混搭</a></li>
                           <li><a href="">地中海</a></li>
                           <li><a href="">东南亚</a></li>
                           <li><a href="">日式</a></li>
                           <li><a href="">宜家</a></li>
                           <li><a href="">北欧</a></li>
                           <li><a href="">简欧</a></li>
                       </ul>
                       <ul>
                           <li>颜色</li>
                           <li><a href=""></a></li>
                           <li><a href=""></a></li>
                           <li><a href=""></a></li>
                           <li><a href=""></a></li>
                           <li><a href=""></a></li>
                           <li><a href=""></a></li>
                           <li><a href=""></a></li>
                           <li><a href=""></a></li>
                           <li><a href=""></a></li>
                           <li><a href=""></a></li>
                           <li><a href=""></a></li>
                       </ul>
                   </div>
                   <div class="tabs" id="tabs">
                       <ul>
                           <li><a href="javascript:void(0);">最新</a></li>
                           <li><a href="javascript:void(0);">最热</a></li>
                       </ul>
                   </div>
                   <div class="tabCons" id="tabCons">
                       <section>
                           <div class="col-md-3">
                               <ul>
                                   <li><img src="../public/img/leftpic.jpg" alt=""/><h6>这种装修风格很好啊</h6></li>
                                   <li><img src="../public/img/leftpic.jpg" alt=""/><h6>这种装修风格很好啊</h6></li>
                                   <li><img src="../public/img/leftpic.jpg" alt=""/><h6>这种装修风格很好啊</h6></li>
                                   <li><img src="../public/img/leftpic.jpg" alt=""/><h6>这种装修风格很好啊</h6></li>
                               </ul>
                           </div>
                           <div class="col-md-3">
                               <ul>
                                   <li><img src="../public/img/leftpic.jpg" alt=""/><h6>这种装修风格很好啊</h6></li>
                                   <li><img src="../public/img/leftpic.jpg" alt=""/><h6>这种装修风格很好啊</h6></li>
                                   <li><img src="../public/img/leftpic.jpg" alt=""/><h6>这种装修风格很好啊</h6></li>
                                   <li><img src="../public/img/leftpic.jpg" alt=""/><h6>这种装修风格很好啊</h6></li>
                               </ul>
                           </div>
                           <div class="col-md-3">
                               <ul>
                                   <li><img src="../public/img/leftpic.jpg" alt=""/><h6>这种装修风格很好啊</h6></li>
                                   <li><img src="../public/img/leftpic.jpg" alt=""/><h6>这种装修风格很好啊</h6></li>
                                   <li><img src="../public/img/leftpic.jpg" alt=""/><h6>这种装修风格很好啊</h6></li>
                                   <li><img src="../public/img/leftpic.jpg" alt=""/><h6>这种装修风格很好啊</h6></li>
                               </ul>
                           </div>
                           <div class="col-md-3">
                               <ul>
                                   <li><img src="../public/img/leftpic.jpg" alt=""/><h6>这种装修风格很好啊</h6></li>
                                   <li><img src="../public/img/leftpic.jpg" alt=""/><h6>这种装修风格很好啊</h6></li>
                                   <li><img src="../public/img/leftpic.jpg" alt=""/><h6>这种装修风格很好啊</h6></li>
                                   <li><img src="../public/img/leftpic.jpg" alt=""/><h6>这种装修风格很好啊</h6></li>
                               </ul>
                           </div>
                       </section>
                       <section style="display: none;">

                       </section>
                   </div>
               </div>
           </div>
       </div>
   </section>
    <footer>
        <div class="container-fluid">
            <div class="row footerUp">
                <div class="col-md-8 col-md-offset-2">
                    <div class="row">
                         <div class="col-md-3 col-sm-3">
                             <img src="../public/img/servicers.jpg" alt=""/>
                         </div>
                        <div class="col-md-2 col-sm-2 contactTit ">
                            <h5>联系我们</h5>
                        </div>
                        <div class="col-md-2 col-sm-2">
                            <img src="../public/img/erweima.jpg" alt=""/>
                        </div>
                        <div class="col-md-5 col-sm-4 contactInfo">
                            <h6>电话：0931-1234567&nbsp;&nbsp;&nbsp;&nbsp;13999999999</h6>
                            <h6>邮箱：mszsgc@163.com</h6>
                            <h6>地址：甘肃省兰州市城关区渭源路226号</h6>
                        </div>
                    </div>
                </div>
            </div>
            <div class="row footerBtm">
                <div class="col-md-8 col-md-offset-2">
                    <h6>© 1997-2014 网易公司版权所有 About NetEase|公司简介|联系方法|招聘信息|客户服务|隐私政策|广告服务|网站地图|历史回顾|意见反馈|不良信息举报</h6>
                </div>
            </div>
        </div>
    </footer>
    <div class="fixed-bottom">
        <form action="">
            <div class="input-group">
                <input type="text" class="form-control" placeholder="Search for...">
                                <span class="input-group-btn">
                                    <button class="btn btn-success" type="button">搜索</button>
                                </span>
            </div>
        </form>
        <div class="callphone">
            <h4>拨打电话：<a href="tel://13993666666">13993666666</a>&nbsp;&nbsp;&nbsp;&nbsp;<a href="tel://0931-1234567">0931-1234567</a></h4>
        </div>
    </div>
    <script src="../public/js/jquery.js"></script>
    <script src="../public/js/bootstrap.min.js"></script>
    <script type="text/javascript" src="../public/js/responsive-nav.min.js"></script>
    <script type="text/javascript" src="../public/js/common.js"></script>
    <script>
        var navigation = responsiveNav(".nav-collapse");
    </script>
</body>
</html>